<template>
  <div class="mini-header">
    <div class="mini-header_content">
      <!-- 最左边链接-- start -->
      <div class="nav-link">
        <ul class="nav-link-ul">
          <li class="nav-link-item">
            <a href="//www.bilibili.com" class="link">
              <i class="iconfont">&#xe65a;</i>主站</a
            >
          </li>
          <li class="nav-link-item">
            <a href="javascript:;" target="_blank" class="link">番剧</a>
          </li>
          <li class="nav-link-item">
            <a href="javascript:;" target="_blank" class="link">游戏中心</a>
          </li>
          <li class="nav-link-item">
            <a href="javascript:;" target="_blank" class="link">直播</a>
          </li>
          <li class="nav-link-item">
            <a href="javascript:;" target="_blank" class="link">会员购</a>
          </li>
          <li class="nav-link-item">
            <a href="javascript:;" target="_blank" class="link">漫画</a>
          </li>
          <li class="nav-link-item">
            <a href="javascript:;" target="_blank" class="link">赛事</a>
          </li>
          <li class="nav-link-item last-child">
            <a href="//www.bilibili.com" class="link">
              <i class="iconfont">&#xe603;</i>下载APP</a>
          </li>
        </ul>
      </div>
      <!-- 最左边链接--end -->

      <!-- 搜索框--start -->
      <div class="nav-search-box">
        <div class="nav-search">
          <from id="nav_searchform">
            <input type="text" class="nav-search-text" placeholder="3天赚800万美元"/>
            <div class="nav-search-btn">
              <button type="buttoon"><i class="iconfont">&#xe655;</i></button>
            </div>
          </from>
        </div>
      </div>
      <!-- 搜索框--end -->
      <!-- 右边链接--start -->
      <div class="nav-user-center">
        <!-- 用户头像 -->
        <div class="user-con"></div>
        <!-- 右侧导航条 -->
        <ul class="nav-user-ul">
          <li class="nav-user-item">
            <a href="javascript:;" target="_blank" class="link">大会员</a>
          </li>
          <li class="nav-user-item">
            <a href="javascript:;" target="_blank" class="link">消息</a>
          </li>
          <li class="nav-user-item">
            <a href="javascript:;" target="_blank" class="link">动态</a>
          </li>
          <li class="nav-user-item">
            <a href="javascript:;" target="_blank" class="link">收藏</a>
          </li>
          <li class="nav-user-item">
            <a href="javascript:;" target="_blank" class="link">历史</a>
          </li>
          <li class="nav-user-item">
            <a href="javascript:;" target="_blank" class="link">创作中心</a>
          </li>
        </ul>
        <!-- 投稿粉色按钮 -->
        <div class="tougao">
          <button class="tougao-btn">投稿</button>
        </div>
      </div>
     
      <!-- 右边链接--end -->
<div class="bilbil-banner">
  <div class="banner-logo">
    <!-- <a href="#"><img src="./blibli-logo.png" alt=""></a> -->
     <a href="#"><img src="~@assets/images/Header/blibli-logo.png" alt=""></a>
  </div> 
</div>
 </div>
    </div>
  </div>
</template>

<script>
import "/src/assets/fonts/iconfont.css";
import "./index.css";
export default {
  name: "Header",
};
</script>

<style scoped lang="less">
</style>
